/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13 nov. 2014, 12:50:11
    Author     : Maxence
*/

body{
    background-image:url('../images/bg_2.png');
    background-repeat: repeat;
    font-family: Roboto;
    font-weight: 400;
}

header{
    background-color:#e8e8e8;
    padding:0px;
    margin: 0px;
    width: 100%;
}


#header_white_lign{
    height:20px;
    width:100%;
    background-color:#ffffff;
}


#logo{
    width:140px;
    position: absolute;
    padding: 0px 17px 17px 17px;
    margin: 20px 0px 0px 15px;
    z-index: 99;
    background-color:#ffffff;
    border-radius: 0px 0px 10px 10px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}

#logo img{
    width:100%;
}

.navbar{
    height: 110px;
    font-family: Roboto;
    font-size:15px;
}

#main_menu{
    margin-top: 25px;
    font-family: Roboto;
    font-weight:400;
}

.main_menu_items{
    font-family: Roboto;
    font-weight:700;
    text-transform:uppercase;
}


/*VIDEOS*/
.video{
    background-color:black;
    margin-bottom: 20px;
}

.video img{
    margin: 2%;
    width:96%;
}
.video_description{
    padding:0% 2% 2% 2%;
}

.video_name{
    font-weight:700;
    color:white;
/*    white-space: nowrap;  
    overflow: hidden;
    text-overflow: ellipsis; */
    height:40px;
    overflow:hidden;
}

#main_sidebar{
    background-color:#f8f8f8;
    border:1px solid #e7e7e7;
    border-radius:5px;
    min-height:300px;
}

#wrapper{
    margin-top: 40px;
}


@media(max-width:768px) {
    #main_menu{
        margin-top: 40px;
        padding-top:25px;   
        background-color:#f8f8f8;
        border:none;
    }
    
    #main_menu form{
        border:none;
    }
    
    
}


@media(min-width:769px) and (max-width:991px) {
    #main_menu{
        margin-top: 0px;
    }
    
    .clear_tablette{
       clear:both;
    }
}
    